<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<c:set var="basePath" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html>
<html>
<head>
<title>设备能源管理系统(EMS)</title>
<meta charset="UTF-8" />
	<jsp:include page="../../common/header.jsp"/>
	<script type="text/javascript" src="${basePath}/resources/js/moment.js"></script>
	<script type="text/javascript" src="${basePath}/resources/js/manage/daySlider.js"></script>
	<script type="text/javascript" src="${basePath}/resources/js/energy/capacityanalysis/capacitycomplex.js"></script>
	<script type="text/javascript" src="${basePath}/resources/js/manage/lineTree.js"></script>
	<script type="text/javascript" src="${basePath}/resources/js/manage/dateConfig.js"></script>
</head>
<body class="easyui-layout">
<jsp:include page="../../common/top.jsp"/>
<div class="layout-content" data-options="region:'center',border:false">
	<div class="ems-main-north" >
		<div class="ems-main-time">
			<p>统计时间</p>
			<div class="ems-main-slider2"><div id="ss"></div></div>
		</div>
		<div class="ems-main-btns"><a class="easyui-linkbutton" data-options="iconCls:'icon-search'" href="javascript:;" id="switchMoldbtn">切换类型</a> <a class="easyui-linkbutton" data-options="iconCls:'icon-search'" href="javascript:;" id="defineTime">自定义时间</a></div>
	</div>
	<div class="ems-main-center togray">
	    <div class="easyui-layout" data-options="fit:true" id="itemData">
		    <div data-options="region:'center',title:'{{item.equMold}}',split:true,collapsible:false,iconCls:'icon-p1'" id="singledata">
		    	<img src="${basePath}/resources/img/p1.png" class="content-img">
		    	<dl class="content-inner5">
		    		<dd class="content-inner5-dd ">
			    		<p><span>开始时间:</span><b class="color-6">{{item.startDate}}</b></p>
			    		<p><span>结束时间:</span><b class="color-6">{{item.endDate}}</b></p>
			    		<p><span>总台数:</span><b class="color-6">{{item.totalEqus}}</b></p>
			    	</dd>
		    	</dl>
		    	<dl class="content-inner5">
		    		<dd class="content-inner5-dd ">
			    		<p><span>平均满载率:</span><b class="color-6">{{item.averageFullRate}}</b></p>
			    		<p><span>最大空闲设备:</span><b class="color-6">{{item.freeEqu}}</b></p>
			    	</dd>
		    	</dl>
		    </div>   
	    </div>
	</div>
	<div class="ems-main-south togray">
	    <div class="easyui-layout" data-options="fit:true" >
		    <div data-options="region:'center',title:'各设备开动情况',split:true,collapsible:false,iconCls:'icon-p1'" id="singlechart"></div>
	    </div>
	</div>
</div>
<!-- 自定义时间的表单-->
<div id="defineTimeWin">
	<form id="defineTimeform" method="post" >
	    <div class="col-pd-12 form-item"> 
	        <label class="col-pd-3">开始时间：</label> 
	        <div class="col-pd-8"><input name="startTime" class="textbox easyui-datebox checktimestart" style="width:200px;" data-options="required:'true'" /></div>
	    </div>
	    <div class="col-pd-12 form-item"> 
	        <label class="col-pd-3">结束时间：</label> 
	        <div class="col-pd-8"><input name="endTime" class="textbox easyui-datebox checktime" style="width:200px;" data-options="required:'true'" /></div>
	    </div>
	</form>
</div>
<!-- 选择设备类型 -->
<div class="togray">
<div id="switchEquMold" class="easyui-window" data-options="title:'选择设备类型',modal:true,iconCls:'icon-save','closed':true,border:false" style="width:600px;height:420px;padding:5px;">
		<div class="easyui-layout" data-options="fit:true">
			<div class="tb_1" data-options="region:'center'">
				<table id="equipMold_data"></table>
			</div>
			<div data-options="region:'south',border:false" style="text-align:right;padding:5px 0 0;">
				<a class="easyui-linkbutton" data-options="iconCls:'icon-ok'" href="javascript:;" id="switchEquMoldOK" style="width:80px">确定</a>
				<a class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" href="javascript:;" onclick="$('#switchEquMold').dialog('close')" style="width:80px">关闭</a>
			</div>
		</div>
	</div>
</div>
</body>
</html>